<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>某主页的搜索页</title>
  <style>
     .top{
	     position:fixed;
		 width:100%;
		 height:45px;
		 background:#ffffff;
		 margin:0;
		 top:0;
		 box-shadow:0 0 5px #7d7172;
		 z-index:999;
		 padding:15px 0 0 10px;
		 display:block;

	     }

     .toplogo{
	      float:left;
		  height:30px;
		  top:5px;
		  margin:0;
		 }
     .user{
		 font-size:14px;
		 position:absolute;
         right:10px;
         top:0;
         margin:21px 20px 15px 0;
         padding:0;
         word-spacing:15px;
         }
     .search-text{
	     background:#ffffff url("camera1.png")no-repeat center right;
		 z-index:3;
		 height:30px;
		 width:550px;
         background-position:520px;
		 }
		.nav-box{
		  display:block;
		  width:100%; 
		  height:35px;
          margin-top:58px; 
		  margin-left:0;
          background:rgba(192,192,192,0.2); 
		  z-index:-1;
		 
		}
		.nav{
		 word-spacing:30px;
		margin-left:108px;
         height:35px;
		 line-height:35px;
		 font-size:20px;

		}
		#container{ 
          width:500px; 
          margin:18px 80px; 
          background:#fff; 
          padding-left:30px; 
          overflow:hidden;}
	 article{ 
         width:100%; 
         overflow:hidden; 
          } 
     section{ 
         float:left; 
         width:500px; 
         } 

     aside{ 
         float:right; 
         width:390px;
		 height:600px;
		 margin-right:210px;
		 margin-top:-298px;
		 padding:0 20px;
		 border-style:none none none solid;
		 border-color:#cecece;
		 border-width:1px;
         } 
	 a{
		color:#3a3a3a;
		font-size:14px;
		text-align:center;

		}
     input{
  		 width:500px;
		 height:30px;
         }
     button{
         background:#346fe9;
		 vertical-align:top;
         }
     body{ 
         margin:0;
		 padding:0;
         }
     h1{
	    font-size:16px;
		color:#0000ff;
		font-weight:400;
	     }
	  p{
	  font-size:14px;
	     }
	 span{
	 color:#ff0000;}
	 table,tr{ 
         font-size:14px
         }
     table{
		 height:100px;
		 width:390px;
		 margin:0;
		 text-align:center;
	     }

  </style>
  <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" />
 </head>
 <body>
     <div class="top">
	     <img class="toplogo" src="bd_logo1.png"/>&nbsp&nbsp
		 <input class="search-text"></input>
		 <button onclick="" style="height:34px;color:#ffffff">百度一下</button>
		 <div class="user">
             <a href="https://www.baidu.com">百度首页</a>
             <a href="https://www.baidu.com">消息</a>
	         <a href="https://www.baidu.com">设置</a><i class="fa fa-sort-desc" style="color:#3a3a3a;font-size:20px"></i>
         </div>
	 </div>
     <div class="nav-box">
	 <div class="nav">
	      <a style="text-decoration:none" href="https://www.baidu.com">网页</a>
          <a style="text-decoration:none" href="https://www.baidu.com">咨询</a>
	      <a style="text-decoration:none" href="https://www.baidu.com">知道</a>
		  <a style="text-decoration:none" href="https://www.baidu.com">图片</a>
          <a style="text-decoration:none" href="https://www.baidu.com">视频</a>
	      <a style="text-decoration:none" href="https://www.baidu.com">贴吧</a>
		  <a style="text-decoration:none" href="https://www.baidu.com">更多>></a>
	 </div></div>
	 <div id="container"> 
         <article id="page-content"> 
         <section> 
         <a style="text-align:left;color:#0000ff"href="https://blog.csdn.net/qq_38922435/article/details/80465989"><h1>Css教程</h1> </a>
         <p style="color:#7a7a7a">在我们的 CSS 教程中,您会学到如何使用 CSS 同时控制多重网页的样式和布局。 
		 开始学习 CSS!CSS 实例 学习70 个实例。您可以对 CSS 代码进行编辑,然后单击测试...</p> 
         
         <br/>
		 <br/>
		 <a style="text-align:left;color:#0000ff;font-size:16px;"href="https://blog.csdn.net/qq_38922435/article/details/80465989"><h1>HTML CSS</h1></a>
         <p><span style="color:#7a7a7a">2016年3月13日 -</span>HTML CSSHTML 注释 HTML 链接 通过使用 HTML4.0,所有的格式化代码均可移出 HTML 文档,然后移入一个独立的样式表。实例 HTML中的样式 本例演示如何使用添加到 ...</p>   
         </section> 
	 </div>


<aside> 
<p style="font-weight:bold;">相关程序设计语言</p>
      <table>
        <tr>
            <td><img src="JS.png"></i><br/><a style="color:#0000ff" href="https://www.baidu.com">javascript</td>
            <td><img src="php.png"></i><br/><a style="color:#0000ff" href="https://www.baidu.com">php</td>
			<td><img src="div.png"></i><br/><a style="color:#0000ff" href="https://www.baidu.com">div</td>
			<td><img src="python.png"></i><br/><a style="color:#0000ff" href="https://www.baidu.com">python</td>
         </tr>
		</table>
</aside> 
</article> 
</div> 


 </body>
</html>
